<!DOCTYPE html>
<html>

<head  th:include="head :: fragment_head">
    <title>我的订单-详情</title>
</head>
<body class="grayBody">
<div class="youarehere">
    <span class="opcityText"><a href="javascript:;">首页</a></span>
    <span class="trueImg"><img th:src="@{/images/blueDian.png}" src="images/blueDian.png"></span>
    <span class="trueText"><a href="javascript:;">我的订单</a></span>
</div>
<div class="myorderBox">
    <div class="myorderBody">
        <div th:object="${orderModel}">
            <div class="myorder-floor1">
                    <div class="mf1-left">订单号：<span th:text="*{orderID}">20180108185951517</span></div>
                <div class="mf1-right">运送中</div>
            </div>
            <div class="myorder-floor2">
                <p class="mfb-time">开始时间：<span th:text="*{start_time}">2018.12.31 12:59</span></p>
                <p class="mfb-time">结束时间：<span th:text="*{end_time}">2019.01.23 12:59</span></p>
                <p class="mfb-date">下单时间：<span h:text="*{orderTime}" >2018.12.31 12:59</span></p>
                <div class="mfb-place">
                    <p class="mfb-brand" th:text="*{brand}" >东明石化</p>
                    <p class="mfb-tyd">提油点：<span th:text="*{depot_id_str}" >南阳油库</span></p>
                    <p class="mfb-tyfs">提油方式：<span th:text="*{logistics_str}">厂家配送</span></p>
                </div>
            </div>
        </div>
        </div>
        <div class="myorder-floor3">
            <table class="myorderTable">
                <thead>
                <tr>
                    <th style="width: 25%;">油品</th>
                    <th style="width: 25%;">集采价<br/><span>(元/吨)</span></th>
                    <th style="width: 25%;">已集采量<br/><span>(吨)</span></th>
                    <th style="width: 25%;">我的量<br/><span>(吨)</span></th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="pro:${orderModel.listPro}">
                    <td th:text="${pro.name}" >92#汽油<br/>(国IV标准)</td>

                    <td th:span="${pro.lPrice}" class="orangeTd">7999</td>
                    <td th:text="${pro.amount}" class="orangeTd">5000</td>
                    <td th:text="${pro.myAmount}" class="orangeTd">5000</td>
                </tr>

                </tbody>
            </table>
        </div>
        <div class="myorder-floor4 nobottompadding">
            <p>金额：¥<span th:text="${orderModel.myTotalPrice}">120,000</span></p>
            <p>共计：<span th:text="${orderModel.myamount}">500</span>吨</p>
        </div>
        <div class="mjb-floor7">
            <p>大写：<span th:text="${orderModel.myRMBStr}">壹拾贰万元</span></p>
        </div>
        <div class="mjb-floor6">
            <a href="/verify/listOrder">返回</a>
        </div>
</div>

<div class="footerheight"></div>

<div class="footer" th:include="footer :: fragment_footer"></div>
<script type="text/javascript" th:src="@{/js/jquery.min.js}" src="js/jquery.min.js" ></script>
<script type="text/javascript" th:src="@{/js/footer.js}" src="js/footer.js" ></script>
<script>
    $(document).ready(function(){
        $(".footerheight").height($(".footer").height());
    })
    $(function(){
        $(".orderTopCheck a").click(function(){
            $(".orderTopCheck a").removeClass("active");
            $(this).addClass("active");
            var par = $(this).parents(".grayBody");
            par.find(".myorderBox").hide();
            var arr = par.find(".orderTopCheck a");
            var brr = par.find(".myorderBox:eq("+$.inArray(this,arr)+")");
            brr.show();
        })
    })
</script>
</body>
</html>
